.mask {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  padding-top: 50PX;
  background-color: rgba(0, 0, 0, .8);
  display: flex;
  justify-content: center;
  z-index: 999999999;


  .sign-in-modal {
    width: 332PX;
    height: 386PX;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 160PX;
    box-sizing: border-box;
    color: #fff;

    &.fail {
      background: url(../../static/images/sign-in-fail.png) no-repeat center / 100%;
    }

    &.success {
      background: url(../../static/images/sign-in-success.png) no-repeat center / 100%;
    }

    .msg {
      font-size: 38PX;
      font-weight: bold;
    }

    .text {
      line-height: 50px;
    }

    .go-back-btn {
      width: 77%;
      line-height: 50PX;
      border-radius: 30PX;
      background: linear-gradient(135deg, rgba(246, 208, 41, 1) 0%, rgba(240, 172, 10, 1) 100%);
      color: #fff;
      font-size: 18PX;
      text-align: center;
      text-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
      margin: 26PX 0 10PX;
    }

    .my {
      font-size: 10PX;
      color: rgba(166, 166, 166, 0.7);
      border-bottom: 1px solid rgba(166, 166, 166, 0.7);
    }
  }
}